<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时钟(CLOCK)置换算法</title>

	<link href="css/bootstrap.min.css" rel="stylesheet" /> 
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<style type="text/css">
		.mytextarea{
			width:99%
		}

		textarea[readonly] {
		    background-color: #FFF7FE;
		}
	</style>
</head>
<body>
	<form name="a" class="form-horizontal">
		<div class= "row">
			<div  class="control-group">
				<!-- Text input-->
				<label class="control-label" for="Size">内存块大小:</label>
				<div class="controls">
					<input class="input-medium" id="Size" name ='Size' type="text" placeholder="内存块大小" class="input-xlarge">
				</div>
			</div>
			<div  class="control-group">
				<!-- Text input-->
				<label class="control-label" for="pageList">页面访问序列:</label>
				<div class="controls">
					<input class="input-medium" id="pageList" name ='pageList' type="text" placeholder="页面访问序列" class="input-xlarge">
				</div>
			</div>
			<div class="control-group">
				<label class="control-label"></label>

				<!-- Button -->
				<div class="controls">
					<button type="button"  onclick="start()" class="btn btn-success">运行</button>
				</div>
			</div>
		</div>
	</form>
	<div>
	<textarea readonly class="mytextarea" name="" placeholder="结果将输出在这里..." id="print" cols="100" rows="100"></textarea>
	</div>
</body>
<script src="js/clock.js"></script>
</html>